﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Clothes.aspx.cs" Inherits="Clothes" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <style type="text/css">
        .test
        {
            float:left;
        }
        .PageMenu
        {
            padding: 4px 0px 4px 8px;
        }
        .PageMenu ul
        {
            list-style: none;
            margin: 0px;
            padding: 0px;
            width: auto;
            z-index: 95;
        }
        .PageMenu ul li a, .PageMenu ul li a:visited
        {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }
        .PageMenu ul li a:hover
        {
            background-color: #bfcbd6;
            color: #465c71;
            text-decoration: none;
        }

        .PageMenu ul li a:active
        {
            background-color: #465c71;
            color: #cfdbe6;
            text-decoration: none;
        }
    </style>
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<div style="float:left; z-index:100;">
    <asp:Menu ID="ClothesMenu" Orientation="Vertical" CssClass="PageMenu" runat="server">
        <Items>
            <asp:MenuItem NavigateUrl="" Text="Blouses/Shirts" />
            <asp:MenuItem NavigateUrl="" Text="Pants" />
            <asp:MenuItem NavigateUrl="" Text="Skirts" />
            <asp:MenuItem NavigateUrl="" Text="Jackets" />
        </Items>
    </asp:Menu>
</div>
<div style="float:right">
    <asp:Menu ID="AttributesMenu" Orientation="Horizontal" CssClass="PageMenu" runat="server">
        <Items>
        </Items>
    </asp:Menu>
</div>
<div style="float:right">
    <asp:DataList ID="dlPictures" RepeatColumns="3" RepeatDirection="Horizontal" runat="server">
        <ItemTemplate>
            <img src="<%# (string)Container.DataItem %>" alt="" height="200px" width="200px" />
        </ItemTemplate>
    </asp:DataList>
</div>
</asp:Content>

